﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Dialog
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>Dialog</h2>

    

    <div id="dialog" title="Basic dialog">
	    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
    </div>
    
    <p>
        <button id="dialog-modal">Modal</button>
    </p>
    <p>
        <a href="#" id="dialog-modal2" title="">Modal no Resizable</a>
    </p>

    <%= Html.jQueryUI( ).Dialog( ).ID( "dialog" ).ToString( ) %>
    <%= Html.jQueryUI( ).Dialog( ).ID( "dialog-modal" ).OpenOnClick( "#dialog" ).Modal( true ).ToString( )%>
    <%= Html.jQueryUI( ).Dialog( ).ID( "dialog-modal2" ).OpenOnClick( "#dialog" ).Modal( true ).Resizable( false ).ToString( )%>
</asp:Content>
